<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/publics/front-stage/less_j/nav.css">
    <link rel="stylesheet" href="/publics/front-stage/l-less/l-play.css">
    <link rel="stylesheet" href="/publics/front-stage/l-less/l-load.css">
      <!-- play的链接 -->
      <link rel="stylesheet" href="//at.alicdn.com/t/font_2911567_vovq5yl0f9.css">
    <!-- video的链接 -->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2899992_387lg4tjfld.css">
  
    <!-- logo -->
    <link rel="shortcut icon" href="/publics/front-stage/img/xmlogo.png" />
    <title>视频播放页面</title>
</head>
<body>
    <p id="userIdmessage" style="display: none;">{{userinfo.userId}}</p>
    <p id="userloginid"></p>
    <div class='load-after'>
        <div class='play-b'>
            <!-- 头部导航条 -->
            <div class='header-wrap'>
                {{include './nav.html'}}
            </div>
            <div class='whole'>
                <!-- 视频播放 -->
                <div class='flashOutter'>
                    <div class='play-top-flash'>
                        <div class='playerContainer'>
                            <div class='qy-player-wrap'>
                                <div class='block-left'>
                                    <div class='play-left'>
                                        <!-- 视频 -->
                                        <div class='play-flash'>
                                                <div class='smallAd'>
                                                    <!-- 广告 -->
                                                    <video  id='videoAd'  width="100%" height="100%" autoplay="autoplay" muted="muted">
                                                        <!-- <source src="../../publics/front-stage/img/1.mp4" type="video/webm" class='adSource'> -->
                                                    </video>
                                                    <!-- 广告倒计时 -->
                                                    <div class='ad-box'>
                                                        <div class='countDown'>
                                                            <span class='advertising'>还有<span class="second">3</span>s广告结束</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- src="/publics/front-stage/img/第3讲：创业机会评价的技巧和策略.mp4"  -->
                                              
                                                    <video id="video" width="100%" height="100%" style="display: none;"></video>
                                               
                                            
                                            <!-- 鼠标放上去会出现对视频的一些操作 -->
                                            <div class='player-dashboard'>
                                                <div class='player-progress'>
                                                     <!-- 播放进度背景 -->
                                                    <div class="bg" id="progress_bg">
                                                        <span class="icon icon-playbar-bgleft" id="bg_left"></span>
                                                        <span class="bg-middle barBG" id="bg_middle"></span>
                                                        <span class="icon icon-playbar-bgright" id="bg_right"></span>
                                                    </div>
            <!--                                        播放进度 end-->
                                                    <!-- 播放进度条（自适应） -->
                                                    <div class="progress-bar" id="progress_bar">
                                                        <div class="progress-middle" id="progress_middle">
                                                            <span class="progress barProgress" id="progress"></span>
                                                        </div>
                                                       
                                                    </div>
                                                    <div class="bar" id="bar">
                                                        <span class="iconfont icon-yuandian"></span>
                                                    </div>
            <!--                                        播放进度条 end-->
                                                </div>
                                                <div class='hover-container'>
                                                    <div class="controls-left">
                                                        <span class='play-video'>
                                                            <a class="iconfont icon-ai23" id="toggle" onclick="setPlay()"></a>
                                                            <a class="iconfont icon-bofangqi-xiayiji" id="next"></a>
                                                        </span>
                                                        <!-- 进度计算 -->
                                                        <div class="coding-duration">
                                                            <span class="duration ie8" id="duration">
                                                                <i class="change-time">00:00</i> / <i class="all-time">00:08</i>
                                                            </span>
                                                        </div>
                                                    </div>
                                                    <div class='controls-right'>
                                                        <!-- 倍速 -->
                                                        <div class='control-icon'>
                                                            <span class='speed'>倍速</span>
                                                            <!-- 倍速的div -->
                                                            <div class='rate-board'   style="display: none;">
                                                                <div class='rate-item'>2.0</div>
                                                                <div class='rate-item'>1.5</div>
                                                                <div class='rate-item'>1.25</div>
                                                                <div class='rate-item active'>1.0</div>
                                                                <div class='rate-item'>0.5</div>
                                                            </div>
                                                        </div>
                                                        <!-- 声音 -->
                                                        <div class='control-icon' style="display:flex;">
                                                            <i class="iconfont icon-shengyin"></i>
                                                            <div id="volume-bar">
                                                                <div id="box"></div>
                                                            </div>
                     
                                                            <p class="planRate">100%</p>
                                                        </div>
                                                        <!-- 全频 -->
                                                        <div class='control-icon'>
                                                            <span><i class='iconfont icon-quanping1'></i></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- 点击暂停的时候会出现一个广告图片 -->
                                            <div class="pause">
                                                <div class='taxpd'>
                                                    <button class='pause-close'>x</button>
                                                    <video src="//pcw-data.video.iqiyi.com/videos/other/20211130/d1/1b/61420bf4edb67f177d5574398486298b.mp4?pv=0.2" width="100%" height="100%" autoplay muted loop></video>
                                                    <!-- <img src="/publics/front-stage/img/admin1.webp" alt="广告"/> -->
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 对视频的一些操作 -->
                                        <div class='play-block'>
                                            <ul class='play-many'>
                                                <li class='play-li'>
                                                    <span class='play-span'><i class='iconfont icon-shoucang'></i></span>
                                                    <span style="font-size: 14px;" class='collect'>收藏</span>
                                                    <span class='collectNum' style="font-size: 14px;"></span>
                                                </li>
                                                <li class='play-li'>
                                                    <span class='play-span'><i class='iconfont icon-dianzan'></i></span>
                                                    <span class='praiseNum' style="font-size: 14px;"></span>
                                                   
                                                </li>
                                                <li class='play-li' >
                                                    <!-- <span class='play-span'><i class='iconfont icon-icon_jubao-xian'style='font-size:18px'></i></span>
                                                    <span style="font-size: 14px;" class='collect'>举报</span> -->
                                                    <span class='play-span'><i class='iconfont icon-fenxiang'style='font-size:32px'></i></span>
                                                    <span style="font-size: 14px;" class='collect'>分享</span>
                                                </li>
                                                <li class='play-li' onclick=load(this)>
                                                    <span class='play-span'><i class='iconfont icon-xiazai'></i></span>
                                                    <span style="font-size: 14px;" class='collect'>下载</span>
                                                </li>
                                                <li class='play-li'>
                                                    <span class='play-span'><i class='iconfont icon-danmukaiqi'></i></span>
                                                </li>
                                                <li class='play-li'>
                                                    <span class='play-span'><i class='iconfont icon-danmuguanbi'></i></span>
                                                </li>
                                            </ul>
                                            <div class='play-scan'>
                                                <input type="text" maxlength="50" placeholder='来发弹幕吧~' id="text">
                                                <button class='forward'>发送</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 右边集数 -->
                                <div class='block-right'>
                                    <div class='play-sdc'>
                                        <div class='play-side'>
                                            <div class='play-top'>
                                                <h2>突围</h2>
                                            </div>
                                            <div class="right-list">
                                                <div class='title-info'>
                                                    <span>10月21日22点起，VIP每周日至周五22点更新2集，周六22点更新1集</span>
                                                </div>
                                                <div class='page-list'>
                                                    <div class='items'>
                                                        <span class='first-span'>1-30</span> 
                                                    </div>
                                                </div>
                                                <!-- 具体集数1-30集 -->
                                                <div class='hhhh'>
                                                    <div class='episode'>                                          
                                                    </div>
                                                </div>
                                               
                                                <!-- 精彩周边 -->
                                                <div class='mod-title'>
                                                    精彩周边
                                                </div>
                                                <div class='mod_figure'>
                                                    <ul class='figure-list'>
                                                        <li class='figure-li'>
                                                           <a href="#" class="li-left">
                                                               <img src="/publics/front-stage/img/zy1.jpg" alt="">
                                                           </a>
                                                           <a href="#" class="li-right">
                                                               <div>
                                                                <span>持续高虐！云浅月误会容景杀了爷爷</span>
                                                               </div>
                                                             
                                                           </a>
                                                        </li>
                                                        <li class='figure-li'>
                                                            <a href="#" class="li-left">
                                                                <img src="/publics/front-stage/img/zy1.jpg" alt="">
                                                            </a>
                                                            <a href="#" class="li-right">
                                                                <div>
                                                                 <span>持续高虐！云浅月误会容景杀了爷爷</span>
                                                                </div>
                                                              
                                                            </a>
                                                         </li>
                                                         <li class='figure-li'>
                                                            <a href="#" class="li-left">
                                                                <img src="/publics/front-stage/img/zy1.jpg" alt="">
                                                            </a>
                                                            <a href="#" class="li-right">
                                                                <div>
                                                                 <span>持续高虐！云浅月误会容景杀了爷爷</span>
                                                                </div>
                                                              
                                                            </a>
                                                         </li>
                                                         <li class='figure-li'>
                                                            <a href="#" class="li-left">
                                                                <img src="/publics/front-stage/img/zy1.jpg" alt="">
                                                            </a>
                                                            <a href="#" class="li-right">
                                                                <div>
                                                                 <span>持续高虐！云浅月误会容景杀了爷爷</span>
                                                                </div>
                                                              
                                                            </a>
                                                         </li>
                                                         <li class='figure-li'>
                                                            <a href="#" class="li-left">
                                                                <img src="/publics/front-stage/img/zy1.jpg" alt="">
                                                            </a>
                                                            <a href="#" class="li-right">
                                                                <div>
                                                                 <span>持续高虐！云浅月误会容景杀了爷爷</span>
                                                                </div>
                                                              
                                                            </a>
                                                         </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 电视剧名称标题 -->
                    <div class='play-bottom-flash'>
                        <div class='clearfix'>
                            <h1 class='howH'><img src="/publics/front-stage/img/VIP@2x.png" alt="">皎若云间月</h1>
                            <div class='desc'>
                                <span class='desc-span'>
                                    <span class='desc-i'><i class='iconfont icon-redu'></i>8787</span>
                                    <!-- <span class='desc-fen'>·7.7<span >|</span> -->
                                </span>
                                <div class='tags'>
                                    <div class='tags-test'>
                                        <span>内容简介<i class="iconfont icon-xiangxia"></i></span>
                                    </div>
                                    <a href=""><span>爱情</span></a>
                                    <a href=""><span>古装</span></a>
                                    <a href=""><span>剧情</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 演员介绍 -->
                <div class="bottom-wrap">
                    <div class='yboh'>
                        <div class='ybohs'>
                            <div class='yboh-left'>
                                <!-- 内容简介的具体内容 -->
                                <div class='mod_row_box' style="display: none;">
                                    <div class='mod_hd'>
                                        <div class='mod_title'>
                                            <h2>简介</h2>
                                        </div>
                                    </div>
                                    <div class='mod_bd'>
                                        <div class='director'>
                                            导演:<a href="">李慧珠</a>/
                                            <a href="">黄斌</a>
                                            <br>
                                            演员:
                                            <a href="">李沁</a>/
                                            <a href="">秦昊</a>/
                                            <a href="">谷嘉诚</a>/
                                            <a href="">戚迹</a>
                                        </div>
                                        <div class='video_summary'>
                                            <p class='summary'>刘宋元嘉年间，天下积弊积弱，监国刘义康羽翼未丰，为改变时局，他暗中蛰伏，邂逅了正义善良的骊歌，两人联合智斗为害一方的士族陆家，情愫暗生。为打破士庶隔阂，刘义康联姻将门沈家，此人恰是骊歌。刘义康心怀天下，推新政以安民，拔庶族、劝学兴农等措施触及士族利益。面对士族凌威，伉俪二人联手制敌，却先后遭到氏族势力扑压，内忧外患接踵而至，刘义康被逼至绝境。骊歌始终陪伴在侧，辅佐他力挽狂澜、推行新政，两人的感情浴火弥坚，最终开创了一片盛世昌荣。</p>
                                        </div>
                                    </div>
                                </div>
                                <!-- 关于明星那部分 -->
                                <div class='touch'>
                                    <div class='allStars'>
                                        <span>相关明星</span>
                                        <div class='qy-change'>
                                            <button class="qy-left"><i class="iconfont icon-xiangzuo"></i></button>
                                            <button class='qy-right'><i class="iconfont icon-xiangyou"></i></button>
                                        </div>
                                    </div>
                                    <!-- 明星名字 -->
                                    <div class='trochanter-stars'>
                                        <ul class='trochanter-ul'>
                                            <li class='star-box active2'>
                                                <div class='star-index'>
                                                    <a href="/actorIntroduce" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>张芷溪</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="/actorIntroduce" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>张芷溪</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>张芷溪</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>张芷溪</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>李典</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>李典</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>李典</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class='star-box'>
                                                <div class='star-index'>
                                                    <a href="" class='star-a'>
                                                        <img src="/publics/front-stage/img/star1.jpg" alt="">
                                                        <div class='hide-ico'>
                                                            <span class='subtitle'>张芷溪</span>
                                                        </div>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                        
                                    
                                    </div>
                                    <!-- 明星作品 -->
                                    <div class='trochanter'>
                                        <!-- 4张图片 -->
                                        <ul class='panel' style="display: none;">
                                            <li class="panel-li3">
                                                <div class="panel-div3">
                                                    <a href="#" class='aplus'>
                                                        <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                        <span class='pack-br'><span class='mod-spans'>10期全</span></span>
                                                    </a>
                                                </div>
                                                <div class='box-list'>
                                                    <div class='box-title'>
                                                        <a href="#">
                                                            <p>天才少年：天赋代价</p>
                                                        </a>
                                                    </div>
                                                    <div class="box-sub-title">天才少年逆袭之路</div>
                                                </div>
                                            </li>
                                            <li class="panel-li3">
                                                <div class="panel-div3">
                                                    <a href="#" class='aplus'>
                                                        <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                        <span class='pack-br'><span class='mod-spans'>10期全</span></span>
                                                    </a>
                                                </div>
                                                <div class='box-list'>
                                                    <div class='box-title'>
                                                        <a href="#">
                                                            <p>天才少年：天赋代价</p>
                                                        </a>
                                                    </div>
                                                    <div class="box-sub-title">天才少年逆袭之路</div>
                                                </div>
                                            </li>
                                            <li class="panel-li3">
                                                <div class="panel-div3">
                                                    <a href="#" class='aplus'>
                                                        <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                        <span class='pack-br'><span class='mod-spans'>10期全</span></span>
                                                    </a>
                                                </div>
                                                <div class='box-list'>
                                                    <div class='box-title'>
                                                        <a href="#">
                                                            <p>天才少年：天赋代价</p>
                                                        </a>
                                                    </div>
                                                    <div class="box-sub-title">天才少年逆袭之路</div>
                                                </div>
                                            </li>
                                            <li class="panel-li3">
                                                <div class="panel-div3">
                                                    <a href="#" class='aplus'>
                                                        <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                        <span class='pack-br'><span class='mod-spans'>10期全</span></span>
                                                    </a>
                                                </div>
                                                <div class='box-list'>
                                                    <div class='box-title'>
                                                        <a href="#">
                                                            <p>天才少年：天赋代价</p>
                                                        </a>
                                                    </div>
                                                    <div class="box-sub-title">天才少年逆袭之路</div>
                                                </div>
                                            </li>
                                        </ul>
                                        <div class='panel'>
                                            <div class='tips-eli'>暂时还没有该演员的相关作品</div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 预告片 -->
                                <div class='allStars'>
                                    <span>预告片</span>
                                    <div class='qy-change'>
                                        <button class="qy-left"><i class="iconfont icon-xiangzuo"></i></button>
                                        <button class='qy-right'><i class="iconfont icon-xiangyou"></i></button>
                                    </div>
                                </div>
                                <div class='trochanter'>
                                    <!-- 4张图片 -->
                                    <ul class='panel four-li2'>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>00:59</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                              
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>01:32</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                               
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>03:23</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职,石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                              
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>01:03</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                                
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>00:59</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                              
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy6.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>01:32</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                               
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>03:23</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职, 石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                              
                                            </div>
                                        </li>
                                        <li class="panel-li2">
                                            <div class="panel-div3">
                                                <a href="#" class='aplus'>
                                                    <img src="/publics/front-stage/img/zy5.jpg" alt="">
                                                    <span class='pack-br'><span class='mod-spans'>01:03</span></span>
                                                </a>
                                            </div>
                                            <div class='box-list'>
                                                <div class='box-title'>
                                                    <a href="#">
                                                        <p>牛俊杰闹辞职,石红杏惹怒林满江!</p>
                                                    </a>
                                                </div>
                                                
                                            </div>
                                        </li>
                                        

                                    </ul>
                                </div>

                                <!-- 登录后可以评论 -->
                                <div class='common-root'>
                                    <h3>评论</h3>
                                    <div class='comment-input'>                                        
                                        <div class='comment-img'><img src="/publics/front-stage/img/male.png" alt="头像"/></div>                                    
                                        <div class="input-footer">
                                            <!-- 登录了会出现的内容 -->
                                            <div class='login-success'>
                                                <div class='input-body'>
                                                    <textarea name="" id="text1" cols="30" rows="10" placeholder="爱发评论的人，运气都很好~"></textarea>
                                                </div>
                                                <div class='footer-div'>
                                                    
                                                    <!-- <span class='footer-span'><i class='iconfont icon-tupian_huaban'></i>图片</span> -->
                                                    <button class='footer-button'>发布</button>
                                                </div>
                                            </div>

                                            <!-- 如果没登录会出现的内容 -->
                                            <div class='no-login'>
                                                <div class='login-opt-title'>登录之后可发表评论</div>
                                                <div class='carry-login'>立即登录</div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <!-- 精彩评论 -->
                                <div class='feedList'>
                                    <div class='block_title'>
                                        <p>精彩评论<span class='block-span'></span></p>
                                    </div>
                                    <div class='section'>
                                        <div class='section-bd'>
                                            <img src="/publics/front-stage/img/male.png" alt="">
                                        </div>
                                        <div class='section-hd'>
                                            <div class='comment-name'>
                                                <span class='name-span'>白鲸</span>
                                            </div>
                                            <div class='subject'>
                                                <span class='subject-span'>多年经营能否得偿所愿？石红杏已做好突围准备！</span>
                                            </div>
                                            <div class='talk'>
                                                <span class='date-span'>10-21</span>
                                                <a class='talk-like'><i class='iconfont icon-shoucang2'>4569</i></a>
                                                <a class='talk-lun' target="_self"><i class='iconfont icon-pinglun'></i>回复</a>
                                                <!-- <span class='talk-report'><i class='iconfont icon-icon_jubao-xian'>举报</i></span> -->
                                            </div>
                                            <!-- 点击回复会出现一个输入框 -->
                                            <div class='children'>
                                                <div class='pop-relay'>
                                                    <textarea name="content" autocomplete="off" style="height: 60pa;padding: 10px;" class='text2'></textarea>
                                                </div>
                                                <div class='commentSub'>
                                                    <button class='writeBack'>回复</button>
                                                </div>
                                            </div>
                                            <div class='answer'>
                                                <div class='comment-c-item'>
                                                    <div class='comment-hd'>
                                                        <img src="/publics/front-stage/img/male.png" alt="">
                                                    </div>
                                                    <div class='comment-bd'>
                                                        <div class='comment-bd-top'>
                                                            <span class='replyer'>丽丽:</span>
                                                            <span class='reply-content'>
                                                                另一部剧近期播的叫（光芒）也都是老骨戏，超级好看。剧情紧奏清晰，每一集都是看男主不同精湛的演技情绪和老骨戏飙演技看的好过瘾👍，看三集之后，剧情越来越精彩，值得一过。没看过的人都不知道，但第一次看的人都说超级好看[大拇指]
                                                            </span>
                                                            
                                                        </div>
                                                       
                                                        <div class='comment-bd-bottom'>
                                                            <span class='span-time'>18小时前</span>
                                                            <span class='span-collect'><i class='icon-dianzanb'></i></span>
                                                            <span class="span-comments"><i class='iconfont icon-pinglun'></i></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                     <!-- 如果评论超过一定的条数就会出现查看所有评论 -->
                                     <div class='look-all'>
                                        <div class='look-all-comment'>
                                            <span class='lookBoth'>查看全部评论</span>
                                        </div>
                                    </div>
                                    <!-- 如果没有品论就会出现的东西 -->
                                    <div class='no-comment'>
                                        <div class='your-first'>还没有评论哦~赶紧来发一啵~</div>
                                    </div>
                                </div>
                            </div>
                             <!-- 电视剧右边 -->
                            <div class='layout-right'>
                                <div class='trl-type'>
                                    <div class='trl-base'>
                                        <p style="font-size:22px;font-weight:900;padding-right: 30px;">电视剧</p>
                                        <div class='subLink' style="float: right;width: 40px; ">
                                            <a href='/toplist' style="text-decoration: none;">
                                                <span style="font-size: 12px;">更多<i class="iconfont icon-xiangyou"></i></span>    
                                            </a>
                                        </div>
                                    </div>
                                    <div class='trl-con'>
                                        <ul class='trl-ul'>
                                           
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                       
                    </div>
                </div>
            </div>

            <!-- 底部 -->
            <div class='lastPage'>
                <div class="g-footer">
                    <div class='g-foot'>
                        <div class='dl-one'>
                            <dt class='title-IV'>热门频道</dt>
                            <div class='manya'>
                                <a>电视剧</a>
                                <a>综艺</a>
                                <a>电影</a>
                                <a>搞笑</a>
                                <a>音乐</a>
                                <a>体育</a>
                                <a>动漫</a>
                                <a>游戏</a>
                                <a>生活</a>
                            </div>
                                
                         
                        </div>
                        <div class='dl-two'>
                            <dt class='title-IV'>协议声明</dt>
                            <div class='manya'>
                                <a>用户协议</a>
                                <a>知识产权声明</a>
                                <a>隐私政策</a>
                                <a>反盗链声明</a>
                            </div>
                            
                        </div>
                        <div class='dl-three'>
                            <dt class='title-IV'>服务</dt>
                            <div class='manya'>
                                <a>侵权投诉</a>
                                <a>广告服务</a>
                                <a>设备说明</a>
                                <a>关于我们</a>
                            </div>
                        </div>
                    </div>

                    <!-- 最底部 -->
                    <div class='last-foot'>
                        <div class='last-footer'></div>
                    </div>
                </div>
            </div>

            <!-- 如果评论区没有内容就会出现提示 -->
            <div class='import-input'> 
                <div class='import'>请输入评论内容</div>
            </div>

            <!-- 评论发表成功之后会出现提示 -->
            <div class='import-input1'> 
                <div class='import1'>评论成功</div>
            </div>

            <!-- 点击收藏会出现得弹窗 -->
            <div class="shade">
                <div class="CPM">
                    <h3>添加或取消收藏</h3><p class="closew">×</p>
                    <div class='pop-up'>
                        <div class='group-list'>
                            <ul class='shadeUl'>
                                <li>
                                    <label for="默认选择框">
                                        <input type="checkbox" name="radio">
                                        <span class='fav-title'>默认收藏夹</span>
                                    </label>
                                </li>
                            </ul>

                            <div class='add-group'>
                               
                                <div class='add-all'>
                                    <div class='add-pic'><i class='iconfont icon-tianjia'></i></div>
                                    <div class='add-btn'>新建收藏夹</div>
                                </div>
                                <form class='group-input'>  
                                    <div class='alert'>请填写收藏夹名称</div>
                                    <input type="text" maxlength="20" placeholder="最多可输入20个字" class='form-input'>
                                    <button type="submit" class='group-submit'>新建</button>
                                </form>
                            </div>
                        </div>
                    </div>

    
                    <button class="btn-sure">确定</button>
                </div>
               
            </div>

             <!-- 举报信息没填完整会出现提示 -->
             <div class='import-input2'> 
                <div class='import2'>请选择举报原因</div>
            </div>
             <!-- 举报信息没填完整会出现提示 -->
             <div class='import-input3'> 
                <div class='import3'>请完善举报理由</div>
            </div>
            <!-- 举报信息没填完整会出现提示 -->
            <div class='import-input4'> 
                <div class='import4'>提交成功</div>
            </div>
            <!-- 点击举报会出现得弹窗 举报评论 -->
            <div class="shade1">
                <div class="CPM1">
                    <h3>举报</h3><p class="closew1">×</p>
                    <div class='pop-up1'>
                        <div class='report report-item2'> 
                            <p>举报原因(必填):</p>   
                            <div class='necessary'>
                                <ul class='necessary-ul'>
                                    <li>
                                        <label for="radio1">
                                            <input type="radio" name="radioName" id="radio1"  onclick="text1()">
                                            <span class='fav-title'>发布淫秽信息</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio2" >
                                            <input type="radio" name="radioName" id="radio2"  onclick="text2()">
                                            <span class='fav-title'>发布政治敏感信息</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio3">
                                            <input type="radio" name="radioName" id="radio3"  onclick="text3()">
                                            <span class='fav-title'>谩骂/人身攻击</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio4">
                                            <input type="radio" name="radioName" id="radio4"  onclick="text4()">
                                            <span class='fav-title'>发布商业信息</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio5">
                                            <input type="radio" name="radioName" id="radio5" onclick="text5()">
                                            <span class='fav-title'>欺诈骗钱</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio6">
                                            <input type="radio" name="radioName" id="radio6" onclick="text6()">
                                            <span class='fav-title'>低俗</span>
                                        </label>
                                    </li>
                                    <li>
                                        <label for="radio7">
                                            <input type="radio" name="radioName" id="radio7" onclick="text7()">
                                            <span class='fav-title'>侵犯隐私</span>
                                        </label>
                                    </li>
                                </ul>
                                
                            </div> 
                        </div>
                        <div class='report report-item3'>
                            <p class='otherThing'>
                                <label for="radio8">
                                    <input type="radio" onclick="text()" name="radioName" id="radio8">
                                    <span>其他</span>
                                </label>
                            </p> 
                           
                            <div class='other-reason'>
                                <textarea placeholder="自定义理由(100字以内)" class='other-ta' maxlength='100'></textarea>
                            </div>   
                        </div>
                    </div>
                    <button class="btn-sure1">提交</button>
                </div> 
            </div>

            <!-- 删除成功会出现的弹窗 -->
            <div class='import-input5'> 
                <div class='import5'>删除成功</div>
            </div>
            <!-- 点击删除会出现的弹窗 -->
            <div class="shade2">
                <div class="CPM2">
                    <p class="closew2">×</p>
                    <p class='vanish'>删除后,评论下的回复都会删除~</p>
                    <div class='deleteBtn'>
                        <button class="btn-sure2">提交</button>
                        <button class="btn-del">取消</button>
                    </div>
                    
                </div> 
            </div>
        </div>
    </div>
    <!-- 页面加载中 -->
    <div class="loading">
        <span class="line1"></span>
        <span class="line2"></span>
        <span class="line3"></span>
        <span class="line4"></span>
        <span class="line5"></span>
        <span class="line6"></span>
        <span class="line7"></span>
        <span class="line8"></span>
    </div>
</body>
<script src="/publics/front-stage/js/axios.min.js"></script>
<script src="/publics/front-stage/js/jquery-1.12.4.min.js"></script>
<script src="/publics/front-stage/js/l-play.js"></script>
<script src="/publics/front-stage/js/l-head.js"></script>
<script src="/publics/front-stage/js/nav.js"></script>
<script src="/publics/front-stage/js/l-info.js"></script>
<script src="/publics/front-stage/js/l-comment.js"></script>
</html>
